<h2 style="text-align: center">学生选课信息表</h2>
<!--<div>-->
<!--  <h4><label for="search-box">学号查询</label></h4>-->
<!--  <input #searchBox id="search-box" (input)="search(searchBox.value)" />-->
<!--  <div class="right_icon">-->
<!--    <button class="fa fa-search " aria-hidden="true" (click)="search(searchBox.value)">查询</button>-->
<!--  </div>-->
<!--</div>-->
<!--<div class="ant-table-filter-dropdown">-->
<!--  <div class="search-box">-->
<!--    <input type="text" nz-input placeholder="学生学号" [(ngModel)]="searchValue" />-->
<!--    <button nz-button nzSize="small" nzType="primary" (click)="search()" class="search-button">-->
<!--      搜索-->
<!--    </button>-->
<!--    <button nz-button nzSize="small" (click)="reset()">重置</button>-->
<!--  </div>-->
<!--</div>-->
<div class="studentTable">
  <nz-table  #nzTable [nzData]="coursesshow" nzPageSize="10" nzShowQuickJumper="true" nzTableLayout="fixed" nzBordered [nzLoading]="loading">
    <thead>
    <tr>
      <th nzCustomFilter>
        课程编号
        <nz-filter-trigger [(nzVisible)]="visible" [nzActive]="searchValue.length > 0" [nzDropdownMenu]="menu">
          <i nz-icon nzType="search"></i>
        </nz-filter-trigger>
      </th>
      <th>成绩</th>
      <th nzCustomFilter>
        学号
        <nz-filter-trigger [(nzVisible)]="visible2" [nzActive]="searchValue2.length > 0" [nzDropdownMenu]="menu2">
          <i nz-icon nzType="search"></i>
        </nz-filter-trigger>
      </th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let student of nzTable.data">
      <td routerLink="./{{student.courseid}}">{{student.courseid}}</td>
      <td>{{student.score}}</td>
      <td routerLink="./detail/{{student.stuid}}">{{student.stuid}}</td>
    </tr>
    </tbody>
  </nz-table>
  <nz-dropdown-menu #menu="nzDropdownMenu">
    <div class="ant-table-filter-dropdown">
      <div class="search-box">
        <input type="text" nz-input placeholder="课程编号" [(ngModel)]="searchValue" />
        <button nz-button nzSize="small" nzType="primary" (click)="search()" class="search-button">
          搜索
        </button>
        <button nz-button nzSize="small" (click)="reset()">重置</button>
      </div>
    </div>
  </nz-dropdown-menu>
  <nz-dropdown-menu #menu2="nzDropdownMenu">
    <div class="ant-table-filter-dropdown">
      <div class="search-box">
        <input type="text" nz-input placeholder="学号" [(ngModel)]="searchValue2" />
        <button nz-button nzSize="small" nzType="primary" (click)="search3()" class="search-button">
          搜索
        </button>
        <button nz-button nzSize="small" (click)="reset()">重置</button>
      </div>
    </div>
  </nz-dropdown-menu>
</div>
